<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <script>
    var list = [
      { x: 4, y: 4 },
      { x: 3, y: 4 },
      { x: 2, y: 4 },
      { x: 1, y: 4 },
    ];
  
    list.push({ x: 0, y: 0 });
    for (var i = list.length - 1; i > 0; i--) {
      list[i].x = list[i - 1].x;
      list[i].y = list[i - 1].y;
    }
    // list[0].y--;
    list[0].x++;
    
    var list1 = list;
    console.log(list1);

    // list.push({ x: 0, y: 0 });
    // for (var i = list.length - 1; i > 0; i--) {
    //   list[i].x = list[i - 1].x;
    //   list[i].y = list[i - 1].y;
    // }
    // list[0].y--;
    // list[0].x--;
 
    // var list2 = list;
    // console.log(list2);


    // list.push({ x: 0, y: 0 });
    // for (var i = list.length - 1; i > 0; i--) {
    //   list[i].x = list[i - 1].x;
    //   list[i].y = list[i - 1].y;
    // }
    // list[0].y--;
    // list[0].x--;
 
    // var list3 = list;
    // console.log(list3);


    
  </script>
  <body></body>
</html>
